<template>
    <!-- 头部 -->
    <div class="sx-header-box">
      <div class="sx-header-left">
      </div>
      <div class="sx-header-right">
        <span class="sx-header-right-item">头像</span>
        <span class="sx-header-right-item">上午/晴~下午/晴</span>
        <span class="sx-header-right-item">青岛市</span>
        <span class="sx-header-right-item">2021/7/21</span>
      </div>
    </div>
</template>
<script>
export default {
    name: 'indexHeader',
    data() {
        return {

        }
    },
    methods: {

    },
    created() {

    },
    mounted() {}
}
</script>

<style scoped lang="scss">

.sx-header-box{
    font-size: .9rem;
    background: rgb(115, 212, 236);
        display: flex;
    .sx-header-left{
        flex: 1;
    }
    .sx-header-right{
        flex: 1;
        overflow: hidden;
        .sx-header-right-item{
            float: right;
            display: inline-block;
            padding: 10px;
        }
    }
}



</style>

